.topup-entry{
	position: relative;
	height: 100vh;
	&::after{
		content:"";
		display: block;
		position: absolute;
		width: 100%;
		height: 494rpx;
		top: 0;
		box-sizing: border-box;
		background: linear-gradient(to right,#84DBFF 0%,#365FFF 100%);
		z-index: 0;
	}
	.topup-entry-container{
		position: absolute;
		top: 224rpx;
		z-index: 100;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		.entry-label{
			height: 34rpx;
			font-size: 24rpx;
			font-family: $global-font-family;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 34rpx;
		}
		.balance-value{
			height: 92rpx;
			font-size: 80rpx;
			font-family: $global-font-family;
			font-weight: 800;
			color: #FFFFFF;
			line-height: 92rpx;
			text-shadow: 0px 2px 6px rgba(113,83,0,0.3);
		}
		.topup-btn{
			width: 390rpx;
			height: 80rpx;
			border-radius: 24rpx;
			border: 2rpx solid #FFFFFF;
			margin-top: 24rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 32rpx;
			font-family: $global-font-family;
			font-weight: 400;
			color: #FFFFFF;
		}
	}
	.topup-history-list-container{
		position: absolute;
		width: 100%;
		top:494rpx;
		height: calc(100% - 494rpx);
		box-sizing: border-box;
		::v-deep .tab {
			height: 100%;
		.tab-bar{
			background-color: transparent !important;
			height: 88rpx !important;
			&::after{
				background-color: transparent !important;
			}
		}
			.tab-cont{
				padding: 0rpx !important;
				height: calc(100% - 88rpx);
			}
			.tab-pane{
				height:100%;
			}
			.tab-bar-item{
				color: #333333;
				.txt{
					height: 40rpx !important;
					font-size: 28rpx !important;
					font-family:$global-font-family;
					font-weight: 400;
					line-height: 40rpx !important;
				}
				.active-line{
					width: 98rpx !important;
					height: 10rpx !important;
					border-radius: 10rpx;
					bottom: 4rpx;
					background:$global-theme-color !important;
				}
				&.active{
					color:$global-theme-color;
					.txt{
						font-weight: 800 !important;
					}
				}
			}
		
		}
		.topup-history-list{
			height: 100%;
			box-sizing: border-box;
			padding: 32rpx 30rpx 32rpx 30rpx;
			background-color: #f2f2f2;
		}
	}
}